<html>
<head>
	<title>CanesCalendar :: Profile</title>
	
	<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
	<!--[if lt IE 8]>
	  <link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection">
	<![endif]--></code></pre>

	<link href="css/main.css" title="External CSS" rel="stylesheet" type="text/css" media="screen">	
	
    <script type='text/javascript' src='js/jquery-week-calendar/libs/jquery-1.4.4.min.js'></script>
    <script src="js/jquery-watermark/jquery.watermark.js" type="text/javascript"></script>
	
	<style type="text/css">
		#profinfo {
			float: left;
		}
		
		#name {
			font-size: 125%;
		}
		
		#profinfo ul {
            background: #fff;
            padding: 0;
            margin: 0;
            font-size: 10pt;
            list-style-type: none;
			border: 1px solid #BBBCBD;
			width: 390px;
		}
		
        #profinfo li {
            margin: 0;
            padding: 0.5em;
            display: block;
        }		
		
		#profinfo li:nth-child(odd) {
			background: #f3f6fa;
		}		
		
		#profinfo li:first-child {
			font-size: 9pt;
			font-weight: bold;
			text-align: center;
			border-bottom: 1px solid #BBBCBD;
			background: #CCE1F8;
			height: 15px;
			padding-bottom: 3px;
			padding-top: 2px;
			
            background-image: -moz-linear-gradient(100% 100% 90deg, #dcdcdc, #fafafa);
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#dcdcdc));

			text-shadow: #fff 1px 1px;
		}		
		
        #profinfo li:last-child {
            text-align: right;
        }

        #profinfo li label {
            display: block;            
            float: left;  
            width: 125px;
            margin-right: 0.7em;
            text-align: right;
        }
        
        #profinfo input[type="text"],
        #profinfo select {
            width: 240px; 
            display: block;     
            margin: 0;
            padding: 0;
        }

        	
	</style>
	
	
	
	<script type="text/javascript">
        jQuery(function($){
           $("#firstName").watermark("Required");
           $("#lastName").watermark("Required");
        });	
	
		function setMajorOptions(chosen) {
			var selbox = document.getElementById("major");
			selbox.options.length = 0;

			if (chosen == "") {
				selbox.options[selbox.options.length] = new Option('No college selected',' ');
			}
			else if (chosen == "AS") {
				selbox.options[selbox.options.length] = new Option('No college selected',' ');
				selbox.options[selbox.options.length] = new Option('Computer Science (CSC)','CSC');
				selbox.options[selbox.options.length] = new Option('English (ENG)','ENG');
				selbox.options[selbox.options.length] = new Option('Mathematics (MTH)','MTH');
				selbox.options[selbox.options.length] = new Option('Biology (BIL)','BIL');
				selbox.options[selbox.options.length] = new Option('Chemistry (CHM)','CHM');
				selbox.options[selbox.options.length] = new Option('Geography (GEG)','GEG');
				selbox.options[selbox.options.length] = new Option('Geological Sciences (GSC)','GSC');
				selbox.options[selbox.options.length] = new Option('History (HIS)','HIS');
				selbox.options[selbox.options.length] = new Option('International Studies (INS)','INS');
				selbox.options[selbox.options.length] = new Option('Mathematics (MTH)','MTH');
			}
			else if (chosen == "BU") {
				selbox.options[selbox.options.length] = new Option('No college selected',' ');
				selbox.options[selbox.options.length] = new Option('Accounting (ACC)','ACC');
				selbox.options[selbox.options.length] = new Option('Business Management and Organization (MAN)','MAN');
				selbox.options[selbox.options.length] = new Option('Computer Information Systems (CIS)','CIS');
				selbox.options[selbox.options.length] = new Option('Economics (ECO)','ECO');
			}
			else if (chosen == "EN") {
				selbox.options[selbox.options.length] = new Option('No college selected',' ');
				selbox.options[selbox.options.length] = new Option('Electrical/Computer Engineering (EEN)','EEN');
				selbox.options[selbox.options.length] = new Option('Industrial Engineering (IEN)','IEN');
				selbox.options[selbox.options.length] = new Option('Biomedical Engineering (BME)','BME');
			}
		}

		function setTrackOptions(chosen){
			var selbox = document.getElementById("track");
			selbox.options.length = 0;

			if (chosen == "") {
				selbox.options[selbox.options.length] = new Option('No major selected',' ');
			}
			else if (chosen == "CSC") {
				selbox.options[selbox.options.length] = new Option('Comprehensive','Comprehensive');
				selbox.options[selbox.options.length] = new Option('Flexible','Flex');
				selbox.options[selbox.options.length] = new Option('Computational Science','Comput');
				selbox.options[selbox.options.length] = new Option('Cryptography and Security','Crypto');
				selbox.options[selbox.options.length] = new Option('Graphics and Games','Graphics');
			}
			else if (chosen == "ENG") {
				selbox.options[selbox.options.length] = new Option('English Literature','ELit');
				selbox.options[selbox.options.length] = new Option('Creative Writing','Creative');
				selbox.options[selbox.options.length] = new Option('British Literature','BLit');
				selbox.options[selbox.options.length] = new Option('Womens Literature','WLit');
			}
			else if (chosen == "INS") {
				selbox.options[selbox.options.length] = new Option('International Politics','IPol');
				selbox.options[selbox.options.length] = new Option('Comparative Studies','Comp');
				selbox.options[selbox.options.length] = new Option('International Economics','IEco');
				selbox.options[selbox.options.length] = new Option('International Law','ILaw');
			}
			else if (chosen == "MTH") {
				selbox.options[selbox.options.length] = new Option('General Mathematics','General');
				selbox.options[selbox.options.length] = new Option('Applied Analysis','AAnalysis');
				selbox.options[selbox.options.length] = new Option('Computational Mathematics','Computational');
				selbox.options[selbox.options.length] = new Option('Probability and Statistics','Statistics');
				selbox.options[selbox.options.length] = new Option('Secondary School Teaching','Teaching');
				selbox.options[selbox.options.length] = new Option('Mathematical Economics','MathEcon');
			}
		}
	</script>	
</head>

<body>
    <div class="container">	
		{% include "navbar.html" %}
		<div id="profinfo" class="prepend-7">
			{% if error_message %}
			    <p class="errorText">{{ error_message }}</p>
			{% endif %}
			<form action="/profile" method="post">

            <ul>
                <li>Profile</li>
                
                <li>
                    <label>First Name:</label>
                    <input type="text" id="firstName" name="firstName" value="{{ firstName }}">
                </li>
		
    			<li>
    				<label>Last Name:</label>
    				<input type="text" id="lastName" name="lastName" value="{{ lastName }}">
    			</li>
		
			    <li>
				    <label>College:</label>
    				<select type="text" name="college" id="college" onchange="setMajorOptions(this.value);">
    					<option value="" selected="selected"></option>
    					<option value="AR">AR-School of Architecture</option>
    					<option value="AS">AS-College of Arts And Sciences</option>
    					<option value="BU">BU-School of Business Admin</option>
    					<option value="CO">CO-School of Communication</option>
    					<option value="CS">CS-School of Continuing Studies</option>
    					<option value="ED">ED-School of Education</option>
    					<option value="EN">EN-College of Engineering</option>
    					<option value="GR">GR-Graduate School</option>
    					<option value="HN">HN-Honors &amp; Academic Enhancement</option>
    					<option value="LW">LW-School of Law</option>
    					<option value="MD">MD-Miller School of Medicine</option>
    					<option value="MS">MS-School of Marine &amp; Atm Science</option>
    					<option value="MU">MU-Frost School of Music</option>
    					<option value="NU">NU-Schl of Nursing Health Studies</option>
    					<option value="SP">SP-Special Programs</option>
    					<option value="UG">UG-Undergraduate General</option>
    				</select>
    				{{ college }}
				</li>
		
    			<li>
    				<label>Major:</label>
					<select type="text" name="major" id="major" onchange="setTrackOptions(this.value);">
						<option value="" selected="selected"></option>
					</select>
					{{ major }}
    		    </li>
		
                <li>
    				<label>Minor:</label>
    				<select type="text" name="minor" id="minor">
    					<option value="" selected="selected"></option>
    					<option value="ACC">Accounting-Bus. Admin(ACC)</option>
    					<option value="AIS">Aerospace Studies(AIS)</option>
    					<option value="AAS">Africana Studies(AAS)</option>
    					<option value="AMS">American Studies(AMS)</option>
    					<option value="APY">Anthropology(APY)</option>
    					<option value="AMP">Applied Marine Physics(AMP)</option>
    					<option value="ARB">Arabic(ARB)</option>
    					<option value="ARC">Architecture(ARC)</option>
    					<option value="ARH">Art History(ARH)</option>
    					<option value="ART">Art/Art History(ART)</option>
    					<option value="BMB">Biochem And Molecular Biology(BMB)</option>
    					<option value="BIL">Biology(BIL)</option>
    					<option value="BME">Biomedical Engineering(BME)</option>
    					<option value="BST">Biostatistics(BST)</option>
    					<option value="BSC">Business Communications Cert(BSC)</option>
    					<option value="BSF">Business Fundamentals Cert(BSF)</option>
    					<option value="BSL">Business Law(BSL)</option>
    					<option value="BUS">Business(BUS)</option>
    					<option value="CHM">Chemistry(CHM)</option>
    					<option value="CHI">Chinese(CHI)</option>
    					<option value="CAE">Civil/Architectural Eng(CAE)</option>
    					<option value="CLA">Classics(CLA)</option>
    					<option value="CAD">Communication Advertising(CAD)</option>
    					<option value="COS">Communication Studies(COS)</option>
    					<option value="COM">Communication(COM)</option>
    					<option value="CEM">Communications Elect Media(CEM)</option>
    					<option value="CTT">Computer &amp; Technology Training(CTT)</option>
    					<option value="CIS">Computer Information Systems(CIS)</option>
    					<option value="CSC">Computer Science(CSC)</option>
    					<option value="CFS">Conference Svcs/Knight/Koubek(CFS)</option>
    					<option value="DAN">Dance(DAN)</option>
    					<option value="ECO">Economics(ECO)</option>
    					<option value="ECO">Economics(ECO)</option>
    					<option value="ECS">Ecosystem Science &amp; Policy(ECS)</option>
    					<option value="EPS">Education &amp; Psych Study(EPS)</option>
    					<option value="EEN">Elec/Computer Engineering(EEN)</option>
    					<option value="ENG">English(ENG)</option>
    					<option value="EPH">Epidemiology/Public Health(EPH)</option>
    					<option value="EPL">Estate Planning(EPL)</option>
    					<option value="ESP">Executive &amp; Special Programs(ESP)</option>
    					<option value="FIN">Finance-Bus. Admin.(FIN)</option>
    					<option value="FRE">French(FRE)</option>
    					<option value="FNS">Freshman Seminal Natural Scien(FNS)</option>
    					<option value="FSS">Freshman Seminars Social Scien(FSS)</option>
    					<option value="GEG">Geography(GEG)</option>
    					<option value="GSC">Geological Sciences(GSC)</option>
    					<option value="GER">German(GER)</option>
    					<option value="UGA">Global Academy(UGA)</option>
    					<option value="GRE">Greek(GRE)</option>
    					<option value="HCA">Health Care Advocacy Program(HCA)</option>
    					<option value="HST">Health Studies(HST)</option>
    					<option value="HCS">Healthcare Sciences(HCS)</option>
    					<option value="HEB">Hebrew(HEB)</option>
    					<option value="HIS">History(HIS)</option>
    					<option value="HON">Honors &amp; Academic Enhancement(HON)</option>
    					<option value="HGG">Human Genetics &amp; Genomics(HGG)</option>
    					<option value="HRM">Human Resource Management(HRM)</option>
    					<option value="INA">Inactive Status(INA)</option>
    					<option value="IEN">Industrial Engineering(IEN)</option>
    					<option value="INN">Innovation Workshop(INN)</option>
    					<option value="MIP">Instrumental Performance(MIP)</option>
    					<option value="IEB">Intensive English Bradenton(IEB)</option>
    					<option value="IEP">Intensive English Program(IEP)</option>
    					<option value="ILI">Intensive Language Institute(ILI)</option>
    					<option value="IBS">Interdisciplinary Biomed Stud(IBS)</option>
    					<option value="IGS">Interdisciplinary Global Std(IGS)</option>
    					<option value="IDS">Interdisciplinary Studies(IDS)</option>
    					<option value="INS">International Studies(INS)</option>
    					<option value="ITA">Italian(ITA)</option>
    					<option value="JPN">Japanese(JPN)</option>
    					<option value="JUS">Judaic Studies(JUS)</option>
    					<option value="MKP">Keyboard Performance(MKP)</option>
    					<option value="KIN">Kinesiology(KIN)</option>
    					<option value="KBK">Koubek Center-Non-Credit(KBK)</option>
    					<option value="LAS">Latin American Studies(LAS)</option>
    					<option value="LAT">Latin(LAT)</option>
    					<option value="LWU">Law Undergraduate(LWU)</option>
    					<option value="LAW">Law(LAW)</option>
    					<option value="MAS">Management Science(MAS)</option>
    					<option value="MGT">Management(MGT)</option>
    					<option value="MAF">Marine Affairs &amp; Policy(MAF)</option>
    					<option value="MBF">Marine Biology And Fisheries(MBF)</option>
    					<option value="MGG">Marine Geology/Geophysics(MGG)</option>
    					<option value="MSC">Marine Science(MSC)</option>
    					<option value="MAC">Marine/Atmospheric Chemistry(MAC)</option>
    					<option value="MKT">Marketing(MKT)</option>
    					<option value="MLS">Master Of Arts-Liberal Studies(MLS)</option>
    					<option value="MTH">Mathematics(MTH)</option>
    					<option value="MAE">Mech &amp; Aero Engineering(MAE)</option>
    					<option value="MDR">Medicine/12-Chairman(MDR)</option>
    					<option value="MPO">Meteorology/Phys Oceanography(MPO)</option>
    					<option value="MIC">Microbiology/Immunology(MIC)</option>
    					<option value="MSL">Military Science(MSL)</option>
    					<option value="MLL">Modern Languages &amp; Literature(MLL)</option>
    					<option value="MDB">Molecular Cell &amp; Dev Biology(MDB)</option>
    					<option value="MCP">Molecular/Cellular Pharmacolgy(MCP)</option>
    					<option value="CMP">Motion Pictures(CMP)</option>
    					<option value="MED">Music Education &amp; Therapy(MED)</option>
    					<option value="MMI">Music,Media &amp; Industry(MMI)</option>
    					<option value="MCY">Musicology(MCY)</option>
    					<option value="NEU">Neuroscience Program(NEU)</option>
    					<option value="CNJ">News-Editorial Jour(CNJ)</option>
    					<option value="NUR">Nursing(NUR)</option>
    					<option value="OSW">Online Screenwriting(OSW)</option>
    					<option value="PLG">Paralegal Studies(PLG)</option>
    					<option value="PFP">Personal Financial Planning(PFP)</option>
    					<option value="PHI">Philosophy(PHI)</option>
    					<option value="PSC">Physical Science(PSC)</option>
    					<option value="PTS">Physical Therapy(PTS)</option>
    					<option value="PHY">Physics(PHY)</option>
    					<option value="PHS">Physiology/Biophysics(PHS)</option>
    					<option value="POL">Political Science(POL)</option>
    					<option value="POR">Portuguese(POR)</option>
    					<option value="PRI">Private Lessons(PRI)</option>
    					<option value="PCP">Proficient Coach Cert Program(PCP)</option>
    					<option value="PIB">Program In Biomedical Sciences(PIB)</option>
    					<option value="PSY">Psychology(PSY)</option>
    					<option value="CPR">Public Relations(CPR)</option>
    					<option value="RED">Real Estate Development(RED)</option>
    					<option value="RPD">Real Property Development(RPD)</option>
    					<option value="REL">Religious Studies(REL)</option>
    					<option value="RST">Research Training(RST)</option>
    					<option value="RSM">Rsmas-General(RSM)</option>
    					<option value="SAM">Sales-Mkt For Professionals(SAM)</option>
    					<option value="SIE">Semi-Intensive English(SIE)</option>
    					<option value="SOC">Sociology(SOC)</option>
    					<option value="SPA">Spanish(SPA)</option>
    					<option value="MSJ">Studio Music &amp; Jazz(MSJ)</option>
    					<option value="SAP">Study Abroad Program(SAP)</option>
    					<option value="SSP">Summer Scholar Program(SSP)</option>
    					<option value="CAB">Sylvester Comp/Cancer Biology(CAB)</option>
    					<option value="TAL">Teaching And Learning(TAL)</option>
    					<option value="THA">Theatre Arts(THA)</option>
    					<option value="MTC">Theory &amp; Composition(MTC)</option>
    					<option value="UNA">Undergrad Nondegree Applicatio(UNA)</option>
    					<option value="UMI">University Internship(UMI)</option>
    					<option value="UMX">University Of Miami Experience(UMX)</option>
    					<option value="URB">Urban Studies(URB)</option>
    					<option value="CVJ">Visual Journalism(CVJ)</option>
    					<option value="MVP">Vocal Performance(MVP)</option>
    					<option value="WGS">Womens And Gender Studies(WGS)</option>
    				</select>
    				{{ minor }}
    			</li>
    			
    			<li>
    			    <label>Track:</label>
					<select type="text" name="track" id="track">
						<option value="" selected="selected"></option>
					</select>
					{{ track }}
				</li>
		
                <li>
				    <label>Graduation Year:</label>
				    <input type="text" name="graduationYear" value={{ graduationYear }}>
			    </li>
		
			    <li>
				    <input type="submit" onclick="jQuery.watermark.hideAll()" value="Submit">
				</li>
			</ul>
			</form>
    	</div>
	</div>
</body>
</html>